<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
  <style>
    a{
      text-decoration:none;color:#000;
    }
    body{
      margin: 0;
      font-family: "Microsoft YaHei";
    }
    .el-header{
      padding: 0;
    }
    .el-header img{
      /*设置中间对齐*/
      vertical-align: middle;
    }
    .el-header a{
      color: #666;
      text-decoration: none;
    }
    .el-table .el-table__cell{
      /*去掉自带的内边距*/
      padding: 0;
    }
    .el-menu  .el-menu-item{
      float: left;
      position: relative;
      width: 150px;
      margin: 0 auto;border: 0 ;
      float: left;
      position: relative;text-align: center;
      text-align: center;
      background: url("https://cdn.myxypt.com/4dc09769/22/02/e6e2d8e50769a0f5f7173658a6da58d1c79c4297.png")no-repeat right;

    }
    .first-nav-btn {
      position: absolute;
      z-index: 99;
      width: 30px;
      height: 30px;
      text-align: center;
      top: 10px;
      right: 20px;
      cursor: pointer;
      background: url(https://gcdn.myxypt.com/images/icon_spirit.png) 0 -240px no-repeat;
    }
    .el-aside {
      background-color: #ffffff;
      color: #333;
      text-align: center;
    ;
    }

    .el-main {
      background-color: #E9EEF3;
      color: #333;
      text-align: center;

    }
    h3{
      display: block;
      font-size: 1.17em;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      font-size: 20px;
      color: #ffffff;
      line-height: 30px;
      font-weight: bold;
      position: relative;
      z-index: 9;
      margin: 0;
      float: left;
      padding: 5px 0 0 0;
    }
    .xypg-left-title {
      background: #db2400;
      position: relative;
      height: 32px;
      padding: 10px 10px 20px 20px;
    }
    .xypg-left-title i {
      position: absolute;
      left: -5px;
      top: -9px;
      font-style: normal;
      font-size: 67px;
      font-weight: bold;
      opacity: .1;
      color: #fff;
      line-height: 1;
      z-index: 1;
      text-transform: uppercase;
    }
    .page-banner img{
      width: 100%;
      height: 100%;
      padding: 0 0 0 0;
    }
    .page-position{
      padding: 15px 0;
    }
    .xypg-left-nav li{
      list-style-type:none;
      position: relative;
    }

    .he div{
      padding: 15px 18px;
      width: 269px;
      height: 22px;
    }
    .he div a:hover{
      color: coral;
    }
    hr{
      line-height: 0;
      width: 100%;
    }
    .xypg-left-box {
      margin-bottom: 20px;
    }
    .hot-keys li {
      width: calc(50% - 14px);
      float: left;
      margin: 0 7px 14px 7px;
      text-decoration: none;
      list-style: none;
    }
    .hot-keys li a {
      display: block;
      text-align: center;
      font-size: 14px;
      color: #5a5a5a;
      line-height: 2.857;
      border: 1px dashed #f1f1f1;
    }
    li{
      margin-left: 0px;
      margin-bottom: 14px;
    }





    .xypg-news-list li {
      border: 1px solid #e1e1e1;
      padding: 40px;
      background: #fff;
      margin-bottom: 35px;
      -webkit-transition: all .5s;
      transition: all .5s;
    }
    .xypg-news-list li .tit h3 {
      padding-bottom: 15px;
      font-size: 18px;
      color: #565656;
      font-weight: normal;
      padding-right: 25%;
      margin: 0;
      text-decoration: none;
    }
    .info {
      font-size: 14px;
      line-height: 2;
      color: #999999;
    }
    .more {
      margin-top: 15px;

    }
    li:hover .more span {
      color: #fff;
      background-color: #db2400;

    }
    li:hover .tit h3 {
      color: #db2400;
    }
    li:hover {
      -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
      box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
    }
    .xypg-news-list li .more span {
      display: inline-block;
      width: 130px;
      line-height: 33px;
      text-align: center;
      font-size: 14px;
      color: #666666;
      border: 1px solid #e1e1e1;
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
      position: absolute;
    }
    .info{
      text-align: left;
    }
    .more{
      text-align: left;
    }
    .xypg-pagination {
      margin-top: 20px;
      text-align: center;
      font-size: 0;
    }
    .xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select {
      display: inline-block;
      vertical-align: middle;
    }
    .xypg-pagination a, .xypg-pagination #current {
      display: inline-block;
      font-size: 14px;
      color: #333333;
      font-family: "Microsoft YaHei",Arial;
      line-height: 26px;
      border: 1px solid #cbcbcb;
      margin: 0 5px;
      padding: 0 8px;
    }
    .xypg-pagination .pagin-mid {
      font-size: 14px;
    }
    .xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select {
      display: inline-block;
      vertical-align: middle;
    }
    .xypg-pagination .pagin-select {
      font-size: 14px;
    }
    .xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select {
      display: inline-block;
      vertical-align: middle;
    }


    .xypg-detail-title {
      font-size: 20px;
      color: #363636;
      font-weight: bold;
      margin-bottom: 10px;
      line-height: 1.7;
    }
    .xypg-detail-con{
      text-align: left;
    }
  </style>
</head>
<body>
<div id="app">
  <el-container>
    <el-header height="130px">
      <div style="width: 1200px;margin: 0">
        <img src="https://cdn.myxypt.com/4dc09769/22/03/1c86f1112d129174aa24bcf0e2a41d71330298e4.png" width="424px" height="71px" style="">
      </div>
      <!--导航菜单开始-->
      <div style="background-color: #ed0a2c">
        <el-menu mode="horizontal"
                 background-color="#ed0a2c"
                 text-color="#fff"  active-text-color="#fff"
                 style="width: 1200px;margin: 0 auto;border: 0"
        >
          <el-menu-item index="1">网站首页</el-menu-item>
          <el-menu-item index="2">关于我们</el-menu-item>
          <el-menu-item index="3">篮球培训</el-menu-item>
          <el-menu-item index="4">产品中心</el-menu-item>
          <el-menu-item index="5">训练基地</el-menu-item>
          <el-menu-item index="6">新闻中心</el-menu-item>
          <div style="float: right;margin-top: 10px">
            <el-input placeholder="请输入搜索内容">
              <!--slot="append"作用是把按钮追加在文本框里面-->
              <el-button slot="append" icon="el-icon-search"></el-button>
            </el-input>
          </div>
        </el-menu>
      </div>
      <!--导航菜单结束-->
    </el-header>
    <div class="page-banner" style="padding-top: 0px;float: left">
      <img src="//cdn.myxypt.com/9956795b/21/11/7eaff95ca4b50b9df1a68e62ac55fa9e0f799a3d.jpg" alt="产品展示">
      <div class="nybt">
      </div>
    </div>
    <div class="page-position" style="
    margin-left: 160px;
">
      <div class="container">
        <a href="/index.html">首页</a>
        &gt;
        <a href="">产品中心</a> &gt; <a href="">篮球培训</a>
      </div>
    </div>
    <el-container style="font-size: 14px;  line-height: 24px;">
      <el-aside style=" width:305px;margin-left: 160px">
        <div style="float: left;width: 305px;margin-right: 0px;">
          <div class="xypg-left-box xypg-left-menu">
            <div class="xypg-left-title">
              <h3>产品中心 <span>Product</span>
              </h3>
              <i>P</i></div>
            <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
              <div class="he" style="height: 265px;">
                <div>
                  <a href="">少儿篮球培训</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div >
                  <a href="">青少年篮球培训</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">成人篮球培训</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">幼儿篮球培训</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">篮球培训</a>
                  <div class="first-nav-btn"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div style="float: left;width: 305px;margin-right: 0px;">
          <div class="xypg-left-box xypg-left-menu">
            <div class="xypg-left-title">
              <h3>推荐新闻 <span>Recommend</span>
              </h3>
              <i>R</i></div>
            <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
              <div class="he" style="height: 320px;">
                <div>
                  <a href="">+ 爱打篮球的女孩是球场上美丽的风景</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div >
                  <a href="">+ 夏天打篮球要注意什么？</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">+ 如何培养还在对篮球的兴趣？</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">+ 篮球的入门知识和打篮球的好处</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">+ 重庆篮球夏令营选择误区</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">+ 重庆篮球培训的一处基础知识</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div style="float: left;width: 305px;margin-right: 0px;">
          <div class="xypg-left-box xypg-left-menu">
            <div class="xypg-left-title">
              <h3>热门关键词 <span>Keywords</span>
              </h3>
              <i>K</i></div>
            <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
              <div class="he" style="height: 265px;">
                <ul class="hot-keys">
                  <li><a href="" title="少儿篮球培训班">少儿篮球培训班</a></li>
                  <li><a href="" title="渝中篮球培训机构">渝中篮球培训机构</a></li>
                  <li><a href="" title="渝中少儿篮球培训">渝中少儿篮球培训</a></li>
                  <li><a href="" title="篮球兴趣班">篮球兴趣班</a></li>
                  <li><a href="" title="少儿篮球培训">少儿篮球培训</a></li>
                  <li><a href="" title="成人篮球培训">成人篮球培训</a></li>
                  <li><a href="" title="青少篮球培训班">青少篮球培训班</a></li>
                  <li><a href="" title="篮球培训基础班">篮球培训基础班</a></li>
                  <li><a href="" title="渝中篮球培训班">渝中篮球培训班</a></li>
                  <li><a href="" title="篮球训练班">篮球训练班</a></li>
                  <li><a href="" title="青少年篮球培训">青少年篮球培训</a></li>
                  <li><a href="" title="九龙坡篮球训练营">九龙坡篮球训练营</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div style="float: left;width: 305px;margin-right: 0px;">
          <div class="xypg-left-box xypg-left-menu">
            <div class="xypg-left-title">
              <h3>了解我们 <span>Contac US</span>
              </h3>
              <i>P</i></div>
            <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
              <div class="he" style="height: 320px;">
                <div>
                  <a href="">曾勇</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div >
                  <a href="">朱杰宇</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">陶成林</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">赵海帆</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">杨德宇</a>
                  <div class="first-nav-btn"></div>
                  <hr>
                </div>
                <div>
                  <a href="">何常旭</a>
                  <div class="first-nav-btn"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </el-aside>
      <el-main>
        <!-- * 右侧 * -->
        <div class="page-wrap-right">
          <div class="xypg-right-content">
            <!-- 新闻详细 -->
            <div class="xypg-news-detail">
              <h1 class="xypg-detail-title">篮球是一种很好的锻炼方式，对人有什么好处？</h1>


              <div class="xypg-detail-con"><p><span style="font-family: 微软雅黑 ; font-size: 14px;">　　篮球是一种很好的锻炼方式，靠的是长期的坚持，而不是一时的兴趣。只要能坚持，就不能只是做，身体一定会越来越好。打篮球不仅是一项运动，也是一种很好的娱乐方式，可以增进朋友之间的友谊。可以锻炼身体，增强身体协调性。可以增进伴侣之间的友谊。篮球对人有什么好处？</span></p><p><span style="font-family: 微软雅黑 ; font-size: 14px;">　　1.提高活力:篮球活动涵盖跑、跳、投等多种形式的身体运动，运动强度较高。有效、综合地促进身体素质和人体机能的发展，提高和保持人的活力，为人类的一切活动奠定坚实的身体(物质)基础，提高生活质量。</span></p><p><span style="font-family: 微软雅黑 ; font-size: 14px;">　　2.满足多种需求:与其他运动相比，篮球活动形式多样，参与性、趣味性、适应性、娱乐性、竞技性更强，能满足不同人群的多种需求。篮球活动形式因人而异，运动量可随意调整，适合各类人群广泛参与。各类参与者都可以想办法在会场上展示自己，满足自己不同层次的需求。</span></p><p><span style="font-family: 微软雅黑 ; font-size: 14px;">　　3.促进心理健康，提高社会适应能力:现代社会的快节奏限制了人们的交流和理解，但篮球场为人们提供了机会。篮球可以有效缓解工作压力，良好的竞技环境可以培养健康的心理适应能力和耐力，调节和维持参与者的心理健康水平。同时，篮球作为集体项目的杰出代表，可以增加交流和友谊，同时可以更有效地培养团结协作的集体精神等良好的体育道德，帮助参与者正确认识和处理个人与集体、竞争与合作的关系。</span></p><p style="text-align:center"><span style="font-family: 微软雅黑 ; font-size: 14px;"><img src="//cdn.myxypt.com/4dc09769/22/03/0e51959475288e3cf05b92e20be102f94017557f.jpg" width="540" height="360" border="0" vspace="0" title="重庆篮球教育培训机构" alt="重庆篮球教育培训机构" style="width: 540px; height: 360px;"/></span></p><p><span style="font-family: 微软雅黑 ; font-size: 14px;">　　4.促进人格的发展和完善:通过实践和比赛，使参与者在人格、自信心、情绪控制力、意志力、主动性、自制力、克制力等方面得到良好的发展，培养团结奋斗、艰苦合作、文明自律、遵纪守法、尊重他人等良好的道德品质和集体主义精神。</span></p><p><span style="font-family: 微软雅黑 ; font-size: 14px;">　　5.促进创新能力的培养:篮球是一项创造性的活动。所有的技战术都有原则和规范，包括个人的表演风格。没有固定的僵化模式。每个人，每个球队都可以用自己的方式阐述自己对篮球的理解。由于复杂性和多变性，参与者须根据当时的情况随机应变，反应迅速、果断、迅速。通过观察、分析和判断，采取有效的对策。这些都需要参赛选手以自己的智慧创造性地处理赛场上的各种问题，有效提高自己的创新能力。</span></p><p><span style="font-family: 微软雅黑 ; font-size: 14px;">　　6.培养分析问题和解决问题的能力，提高自己的智慧:因为篮球在空中，球可能在任何地方，所以篮球场上要有地面和空间的对抗。而且所有动作都受到不同对手的制约，要求参与者根据自身实力进行分析比较，勇于战斗，扬长避短，克敌制胜。这样可以有效提高参与者的心理(智力、意志力、性格等)综合能力。)、技巧、观察力、应变力等。，并锻炼和培养发现问题、分析问题和解决问题的能力。</span></p><p><br/></p></div>
            </div>
          </div>
        </div>
      </el-main>
    </el-container>

    <el-footer>
      <div style="height: 95px;"></div>
      <div style="background-color: #3f3f3f;
            text-align: center;color: #b1b1b1;padding: 30px 0">
        <p>Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3 京公网安备 11010802029572号
        </p>
        <p>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</p>
        <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
      </div>
    </el-footer>
  </el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
  let v = new Vue({
    el: '#app',
    data: function() {
      return {
        bannerArr:["https://cdn.myxypt.com/4dc09769/22/03/cec0489cad30ce07b97bdffa58c4dbbc8fbb0faf.jpg",
          "https://cdn.myxypt.com/4dc09769/22/03/97a34b379b3eea345034d797bc4fa5f67b142ee2.jpg",
          "https://cdn.myxypt.com/4dc09769/22/03/c549e631ac59de5fa3d170ad2d4820d87b2c8a6c.jpg"
        ],
        topArr:[
          {title:"吉利远景",saleCount:2000},
          {title:"哈佛大狗",saleCount:2520},
          {title:"长安欧尚",saleCount:1580},
          {title:"吉利帝豪",saleCount:3580},
          {title:"吉利极氪",saleCount:4280},
          {title:"宝马X6",saleCount:9580},
        ],
        productArr:[
          {name:"姚明",url:"https://img1.baidu.com/it/u=1814008303,1789777043&fm=253&fmt=auto&app=138&f=JPEG?w=403&h=500",message:"中国NBA牛逼人"},
          {name:"詹姆斯",url:"https://img2.baidu.com/it/u=1802159301,2546111378&fm=253&fmt=auto&app=138&f=JPEG?w=751&h=500",message:"历史得分王"},
          {name:"科比",url:"https://img2.baidu.com/it/u=2906858480,2527602215&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666",message:"坠机真离谱"},
          {name:"艾弗森",url:"https://img0.baidu.com/it/u=3239825293,3424475248&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=889",message:"我就是答案"},
        ]
      }
    },
    methods:{

    }
  })
</script>
</html>